<template>
  <div class="basic-information">
    <div class="relevancy-account">
      <div class="account-header">
        <p>法人信息</p>
        <p>
          <span style="color: #81b337;margin-right: 16px">已通过</span>
          <!-- <span style="margin-right: 4px">变更记录</span> -->
          <!-- <i class="el-icon-time" /> -->
        </p>
      </div>
    </div>
    <el-table
      v-loading="loading"
      fit
      :header-cell-style="{
        'background-color': '#f3f8fe',
        color: '#606266',
        height: '50px',
      }"
      highlight-current-row
      :data="dataList"
      style="width: 100%"
    >
      <el-table-column prop="ID" label="姓名" min-width="80" />
      <el-table-column prop="ID" label="收款主体" min-width="80" />
      <el-table-column prop="ID" label="账户数量" min-width="80" />
      <el-table-column prop="ID" label="负责人" min-width="80" />
      <el-table-column prop="ID" label="联系方式" min-width="80" />
      <el-table-column prop="ID" label="审核人" min-width="80" />
      <el-table-column prop="ID" label="审核时间" min-width="80" />
      <el-table-column prop="ID" label="状态" min-width="80" />
      <el-table-column fixed="right" label="操作">
        <template slot-scope="scope">
          <el-button type="text" size="small">详情</el-button>
        </template>
      </el-table-column>
    </el-table>

  </div>
</template>
<script>
export default {
  data() {
    return {
      loading: false,
      dataList: []
    }
  }
}
</script>
<style scoped lang="scss">
.basic-information {
  .relevancy-account {
    width: 100%;

    .account-header {
      border-left: 4px solid #4095e5;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #eeeeee;
      padding: 0 20px;
      box-sizing: border-box;

      p {
        font-size: 14px;
      }
    }
  }

}
</style>
